<template>
	<view>
		<uni-nav-bar dark background-color="#2477f4" title="救援记录" left-icon="left"
			@clickLeft="back" :border="false"></uni-nav-bar>
		<view class="bc"></view>
		<view class="orderInfo">
			<view class="title">
				<text>换胎</text>
				<view class="title-right">
					<text>2023-02-15</text>
				</view>
			</view>
			<view class="infoItem">
				<view>
					<text>订单编号：</text>
					<text >121212112487878</text>
				</view>
				<view>
					<text>位置：</text>
					<text >洛阳市道北路32号XXX小区</text>
				</view>
				<view>
					<text>车牌：</text>
					<text >奔驰FWE4/豫A98FHJ</text>
				</view>
			</view>
		</view>
		<view class="orderInfo">
			<view class="title">
				<text>换胎</text>
				<view class="title-right">
					<text>2023-02-15</text>
				</view>
			</view>
			<view class="infoItem">
				<view>
					<text>订单编号：</text>
					<text >121212112487878</text>
				</view>
				<view>
					<text>位置：</text>
					<text >洛阳市道北路32号XXX小区</text>
				</view>
				<view>
					<text>车牌：</text>
					<text >奔驰FWE4/豫A98FHJ</text>
				</view>
			</view>
		</view>
		<view class="orderInfo">
			<view class="title">
				<text>换胎</text>
				<view class="title-right">
					<text>2023-02-15</text>
				</view>
			</view>
			<view class="infoItem">
				<view>
					<text>订单编号：</text>
					<text >121212112487878</text>
				</view>
				<view>
					<text>位置：</text>
					<text >洛阳市道北路32号XXX小区</text>
				</view>
				<view>
					<text>车牌：</text>
					<text >奔驰FWE4/豫A98FHJ</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			back(){
				uni.navigateBack();
			},
		}
	}
</script>

<style>
.bc {
		width: 750rpx;
		height: 300rpx;
		position: relative;
		border-top: 2rpx solid #2477f4;
		background-color: #2477f4;
	}
	
	/* 救援记录部分开始 */
	.orderInfo{
		/* position: absolute; */
		 transform: translate(0rpx, -280rpx);
		top: 120rpx;
		margin: 20rpx 20rpx;
		padding: 20rpx;
		width: 670rpx;
		border-radius: 20rpx;
		background-color: white;
	}
	
	.orderInfo .title{
		height: 88rpx;
		color: #2477f4;
		font-size: 34rpx;
		font-weight: bold;
		line-height: 88rpx;
		position: relative;
		border-bottom: 4px solid #f2f2f2;
	}
	
	.title-right{
		right: 0;
		top: 0;
		font-size: 28rpx;
		font-weight: normal;
		color: gray;
		position: absolute;
	}
	
	.infoItem{
		padding: 20rpx 0;
		
	}
	
	.orderInfo .infoItem>view{
		font-size: 30rpx;
		height: 68rpx;
		line-height: 68rpx;
		position: relative;
	}
	
	.infoItem>view>text:nth-child(2){
		color: gray;
	}
	/* .info1{
		top:0;
		left: 140rpx;
		color: gray;
		position: absolute;
	} */
	/* 救援记录部分结束 */
</style>
